home *** CD-ROM | disk | FTP | other *** search
/ Exploring Creation with P…al Science (2nd Edition) / Exploring Creation with Physical Science (2nd Edition).iso / exe / bin / Styles / about.css next >
Encoding:
Cascading Style Sheet File  |  2012-12-18  |  4.1 KB  |  188 lines
  1. @charset "utf-8";
  2. /* Stylesheet for the Opera about document */
  3. /* Copyright 2008 Opera Software */
  4. @media tv {html {font-size: 150%;}}
  5. @media screen, projection, tv, speech {
  6. html {
  7.     font-family: sans-serif;
  8.     color: hsl(0,0%,22%);
  9.     background-color: hsl(0,0%,93%);
  10.     margin: 0 auto 10px;
  11.     border-width: 0 1px;
  12.     border-color: hsl(0,0%,57%);
  13.     border-style: solid;
  14.     max-width: 700px;
  15.     voice-family: female;
  16. }
  17. body {
  18.     color: inherit;
  19.     background-color: hsl(0,0%,96%);
  20.     margin: 0;
  21. }
  22. h1 {
  23.     font-family: sans-serif;
  24.     font-size: 110%;
  25.     font-weight: normal;
  26.     text-align: right;
  27.     letter-spacing: -1px;
  28.     color: hsl(0,0%,29%);
  29.     background-image: url(images/top.png);
  30.     background-repeat: repeat-x;
  31.     padding: 20px 10px 15px;
  32.     margin: 0;
  33.     position: relative;
  34. }
  35. html[dir="rtl"] h1 {
  36.     text-align: left;
  37.     letter-spacing: normal;
  38. }
  39. #smartphone h1 {border-bottom: 1px solid hsl(0,0%,57%);}
  40. h2 {
  41.     font-family: sans-serif;
  42.     font-size: 75%;
  43.     font-weight: normal;
  44.     letter-spacing: -1px;
  45.     color: hsl(0,0%,29%);
  46.     background-color: hsl(0,0%,89%);
  47.     background-image: url(images/bar.png);
  48.     background-repeat: repeat-x;
  49.     background-position: 0px -5px;
  50.     padding: 5px 7px;
  51.     margin: 0;
  52.     border-width: 1px 0;
  53.     border-style: solid;
  54.     border-color: hsl(0,0%,57%);
  55.     clear: both;
  56. }
  57. html[dir="rtl"] h2 {letter-spacing: normal;}
  58. a {
  59.     color: hsl(0,0%,29%);
  60.     background-color: transparent;
  61. }
  62. dl {
  63.     font-size: 70%;
  64.     line-height: 110%;
  65.     padding: 0;
  66.     margin: 5px auto 10px;
  67.     width: 90%;
  68. }
  69. dt, dd {
  70.     padding: 2px 3px;
  71.     margin: 0;
  72.     border-width: 1px 0 0;
  73.     border-style: solid;
  74.     border-color: hsl(0,0%,87%);
  75. }
  76. dt {
  77.     width: 150px;
  78.     float: left;
  79.     clear: both;
  80. }
  81. html[dir="rtl"] dt {float: right;}
  82. dd::after {
  83.     content: "";
  84.     clear: both;
  85.     display: block;
  86.     speak: none;
  87. }
  88. dd+dd {margin-left: 153px;}
  89. html[dir="rtl"] dd+dd {margin: 0 153px 0 0;}
  90. dt:first-child, dt:first-child+dd {border-top-width: 0;}
  91. h2+p, #smartphone dl+p {
  92.     font-size: 70%;
  93.     margin: 10px auto;
  94.     width: 90%;
  95. }
  96. html[dir="rtl"] h2+p {text-align: right;}
  97. ul {
  98.     font-size:70%;
  99.     padding-left: 15px;
  100.     margin: 10px auto;
  101.     width: 90%;
  102. }
  103. blockquote {margin: 10px 20px;}
  104. blockquote p {margin: 5px 0;}
  105. ul+p {
  106.     font-size: 70%;
  107.     padding: 0 7px;
  108. }
  109. address {
  110.     font-size: 70%;
  111.     font-style: normal;
  112.     background-image: url(images/center.png);
  113.     background-repeat: repeat-x;
  114.     background-position: left bottom;
  115.     padding: 4px 7px 7px;
  116.     margin: 0;
  117.     border-top: 1px solid hsl(0,0%,67%);
  118.     position: relative;
  119. }
  120. html[dir="rtl"] address {text-align: right;}
  121. span {
  122.     position: absolute;
  123.     right: 7px;
  124. }
  125. html[dir="rtl"] span {
  126.     left: 7px; 
  127.     right: auto;
  128. }
  129. #smartphone::after {
  130.     content: "";
  131.     background-color: hsl(0,0%,98%);
  132.     background-image: url(images/center.png);
  133.     background-repeat: repeat-x;
  134.     background-position: left bottom;
  135.     border-top: 1px solid hsl(0,0%,57%);
  136.     height: 20px;
  137.     width: 100%;
  138.     display: block;
  139.     speak: none;
  140. }
  141. }
  142. @media screen and (max-width: 550px), projection and (max-width: 550px), tv and (max-width: 550px) {
  143.     html {margin: 0;}
  144.     span {
  145.         position: static;
  146.         display: block;
  147.     }
  148. }
  149. @media screen and (max-width: 400px), projection and (max-width: 400px), tv and (max-width: 400px) {
  150.     dt {width: 100px;}
  151.     dd+dd {margin-left: 103px;}
  152.     html[dir="rtl"] dd+dd {margin: 0 103px 0 0;}
  153. }
  154. @media screen and (max-width: 300px), projection and (max-width: 300px), tv and (max-width: 300px) {
  155.     dt {
  156.         font-weight: bold;
  157.         width: auto;
  158.         float: none;
  159.         display: run-in;
  160.     }
  161.     dt::after {content: ": ";}
  162.     html[dir="rtl"] dd+dd, dd+dd {margin: 0;}
  163.     blockquote {margin: 5px;}
  164. }
  165. @media screen and (max-width: 280px), projection and (max-width: 280px), tv and (max-width: 280px) {
  166.     html {border-width: 0 1px 1px;}
  167.     html[dir="rtl"] h1, h1 {
  168.         text-align: center;
  169.         padding: 10px 5px;
  170.     }
  171. }
  172. @media all and (min-width: 1281px) {
  173.     html {max-width: 900px;}
  174.     dt {width: 200px;}
  175.     dd+dd {margin-left: 203px;}
  176.     html[dir="rtl"] dd+dd {margin: 0 203px 0 0;}
  177. }
  178. @media print {
  179.     * {font-size: 10pt;}
  180.     h1 {
  181.         font-size: 16pt;
  182.         text-align:center;
  183.     }
  184.     h2 {font-size: 13pt;}
  185.     dl, h2+p {margin-bottom: 2cm;}
  186. }
  187.  
  188.